import React, { memo } from 'react';
import { Button } from 'antd';
import emptyImg from '../img/empty.png'
import styles from './style.less'

const EmptyWrapper = memo(({ title = '还未设置薪资总览内容哦～', handle = () => {} }) => (
    <div className={styles.emptyMain}>
        <img className={styles.emptyImg} width="365" alt="空图" height="160" src={emptyImg} />
        <p className={styles.emptyTitle}>{ title }</p>
        <div>
            <Button type="primary" onClick={handle}>立即设置</Button>
        </div>
    </div>
    ))

export default EmptyWrapper
